<script setup>
import HelloWorld from "./components/HelloWorld.vue";
import Vmodel from "./components/Vmodel.vue";
import BasicCommand from "./components/BasicCommand.vue";
import LocalComDemo from "./components/LocalComDemo.vue";
import ParentCom from "./components/ParentCom.vue";
import SlotCom from "./components/SlotCom.vue";
import SlotName from "./components/SlotName.vue";
import Father from "./components/Father.vue";
import Demo from "./components/Demo.vue";
import BiaoDan from "./components/BiaoDan.vue";
</script>

<template>
  <ul>
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/user">user-center</router-link>
    </li>
    <li>
      <router-link to="/vuex">Vuex</router-link>
    </li>
    <li>
      <router-link to="/element">Element</router-link>
    </li>
    <li>
      <router-link to="/list-demo">list-demo</router-link>
    </li>
    <li>
      <router-link to="/register">register</router-link>
    </li>
    <li>
      <router-link to="/dialog">dialog</router-link>
    </li>
    <li>
      <router-link to="/message">message</router-link>
    </li>
    <li>
      <router-link to="/accountList"> accountList-list</router-link>
    </li>
  </ul>
  <div>
    <router-view></router-view>
  </div>
  <!-- <HelloWorld msg="You did it!" /> -->
  <!-- <Vmodel /> -->
  <!-- <BasicCommand />
  <GlobalComDemo/>
  <LocalComDemo/> -->
  <!-- <HelloWorld /> -->
  <!-- <ParentCom/>
  <SlotCom>
    <p>这是来自父组件的内容</p>
  </SlotCom>
  <SlotName>
    <template v-slot:header>
        <p>这是要放进header的内容</p>  
    </template>
    <template #footer>
        <p>这是要放进footer的内容</p>  
    </template>

  </SlotName>
  <Father /> -->
  <!-- <Demo /> -->
  <!-- <BiaoDan /> -->
</template>
